<template>
  <div id="app">
	
		<input type="radio" value="1" v-model="selected" >method方法
		<input type="radio" value="2" v-model="selected" >MyComputed计算属性
		<input type="radio" value="3" v-model="selected" >监听器
	
	
			<MyMethod v-if="selected == 1"></MyMethod>
			<MyComputed v-if="selected == 2"></MyComputed>
			<MyWatch v-else></MyWatch>
   
  </div>
</template>

<script>
 import MyMethod from './components/MyMethod.vue';
 import MyComputed from './components/MyComputed.vue';
 import MyWatch from './components/MyWatch.vue';
	

export default {
  name: 'App',
  data(){
	  return {
		  selected:1
	  }
  },
  components:{
	  MyMethod,
	  MyComputed,
	  MyWatch
  }

 }
</script>

<style>


</style>
